
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
    <title>九江电信云中台DeepSeek推理算力部署计算器</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <h1>九江电信云中台DeepSeek推理算力部署计算器</h1>
		

        <div class="input-section">
            <label for="model-type">模型类型:</label>
            <select id="model-type">
                <option value="r1_671b">DeepSeek R1/V3 671B</option>
                <option value="r1_1.5b">DeepSeek R1 1.5B (蒸馏)</option>
                <option value="r1_7b">DeepSeek R1 7B (蒸馏)</option>
                <option value="r1_8b">DeepSeek R1 8B (蒸馏)</option>
                <option value="r1_14b">DeepSeek R1 14B (蒸馏)</option>
                <option value="r1_32b">DeepSeek R1 32B (蒸馏)</option>
                <option value="r1_70b">DeepSeek R1 70B (蒸馏)</option>
            </select>
        </div>

        <div class="input-section">
            <label for="precision">参数精度:</label>
            <select id="precision">
                <option value="fp16">FP16</option>
                <option value="fp8">FP8</option>
                <option value="bf16">BF16</option>
                <option value="int8">INT8</option>
                <option value="int4">INT4</option>
            </select>
        </div>

        <div class="input-section">
            <label for="concurrency">并发数:</label>
            <input type="number" id="concurrency" value="1" min="1">
        </div>

        <div class="input-section">
            <label for="context-length">上下文长度 (Token数):</label>
            <select id="context-length">
                <option value="4096">4K (4096)</option>
                <option value="8192" selected>8K (8192)</option>
                <option value="32768">32K (32768)</option>
                <option value="65536">64K (65536)</option>
            </select>
        </div>

        <div class="input-section">
            <label for="framework">推理框架 (影响性能，显存管理):</label>
            <select id="framework">
                <option value="auto">自动/通用 (简化估算)</option>
                <option value="vllm">vLLM (高性能)</option>
                <option value="llama_cpp">llama.cpp (CPU/GPU混合)</option>
                <option value="mindspore">MindSpore (华为昇腾)</option>
                <!-- 可以根据实际情况添加更多框架 -->
            </select>
        </div>

        <div class="input-section">
            <label for="fine-tuning-method">微调方法:</label>
            <select id="fine-tuning-method">
                <option value="inference">推理 (Inference)</option>
                <option value="lora">LoRA 微调</option>
                <!-- 未来可以添加 "全参数微调" 等选项，如果用户提供公式 -->
            </select>
        </div>

        <div class="input-section" id="lora-params-section" style="display: none;">
            <label for="lora-trainable-params">LoRA 可训练参数 (Billion):</label>
            <input type="number" id="lora-trainable-params" value="0" min="0" step="0.1">
        </div>

        <div class="input-section">
            <label for="hardware">算力卡:</label>
            <select id="hardware">
                <option value="ascend910b">华为昇腾910b</option>
                <option value="nvidia_h20">NVIDIA H20</option>
                <option value="nvidia_h800">NVIDIA H800</option>
                <option value="nvidia_a800">NVIDIA A800</option>
                <option value="nvidia_l40s">NVIDIA L40S</option>
                <option value="nvidia_a10">NVIDIA A10</option>
                <option value="nvidia_rtx4090">NVIDIA RTX 4090</option>
                <option value="nvidia_a100_40g">NVIDIA A100-40G</option>

            </select>
        </div>

        <button id="calculate-button">计算算力需求</button>

        <div id="results" class="results-section">
            <!-- 计算结果将显示在这里 -->
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html>
